<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="Access-Control-Allow-Origin" content="*" />
  <title>Task Management</title>
  <script src="../../lib/jquery/2.1.4/jquery-2.1.4.min.js"></script>
  <link rel="stylesheet" href="../../lib/bootstrap/3.3.5/css/bootstrap.min.css"/>
  <script src="../../node_modules/vue/dist/vue.js"></script>
<<<<<<< HEAD
  <script src="../../node_modules/vue/dist/vue.min.js"></script>
    <script src="../../node_modules/jquery/dist/jquery.js"></script>
  <script src="../../node_modules/vue-resource/dist/vue-resource.js"></script>
  <script src="../../node_modules/vue-resource/dist/vue-resource.min.js"></script>
	<!--
    <link rel="stylesheet" href="tasks-v2.css">
=======
  <!--
  <script src="../../node_modules/jquery/dist/jquery.js"></script>
  <link rel="stylesheet" href="tasks-v2.css">
>>>>>>> f70e708fa5ce2422640d739e6f17e89ce9caff4b
	-->
</head>
<body class="container" id="guestbook">
	<div class="col-md-8 col-md-offset-2">
        <div class="jumbotron">
          <h2>hi</h2>
          <h4>Guestbook</h4>
        </div>

    <form v-on:submit="onCreate">
			<div class="form-group">
				<input type="text" class="form-control input-sm" name="author" v-model="author" placeholder="Name">
            </div>
            <div class="form-group">
				<input type="text" class="form-control input-sm" name="text" v-model="text" placeholder="Put here your text">
            </div>

            <div class="form-group text-right">
				<button type="submit" class="btn btn-primary btn-lg">Submit</button>
            </div>
        </form>

        <div class="comment" v-for="comment in comments">
          <h3>Comment #{{comment.id}} <small>by {{comment.author}}</small></h3>
            <p>{{ comment.text }}</p>
            <p><span class="btn btn-primary text-muted" v-on:click="onDelete(comment)">Delete</span></p>
        </div>
    </div>
  {{$data|json}}
    <script src="guestbook-v11.js"></script>
</body>
</html>
